import { readFileSync } from "fs";
import { PACKAGE_NAME } from "../PackageDefine";


const el = {

}

interface MyView {
    $logArea: HTMLTextAreaElement;
    shadowRoot: any;
}

interface MyVue {

}

let vueView: MyVue = null!;

let ui: any = null;


module.exports = Editor.Panel.extend({
    template: readFileSync(Editor.url(`packages://${PACKAGE_NAME}/panel/index.html`), 'utf8'),
    style: readFileSync(Editor.url(`packages://${PACKAGE_NAME}/panel/index.css`), 'utf8'),
    $: el,
    ready() {
        let self: MyView = this as any;
        ui = this;

        const vm = new window.Vue({
            data() {
                return {

                };
            },
            methods: {

            },
            mounted: function() {
            },
            created: function() {
                vueView = this as any;
            },
            el: self.shadowRoot
        });
    }
})